(function () {
    $.fn.extend({
        /**
         * 下拉菜单显示
         */
        listShow() {
            this.on('mouseenter', function () {
                let index = $(this).index();
                $('.classText').css('display', 'flex').find('li').eq(index).css('display', 'flex').siblings().hide();
                $(this).addClass('active').siblings().removeClass('active');
            })

            $(this).parents('.classAll').on('mouseenter', function () {
                $(this).find('.classContent').show();
            }).on('mouseleave', function () {
                $(this).find('.classContent').hide();
                $(this).find('.classText').hide();
                [...$('.classContent li')].forEach(function (el) {
                    $(el).removeClass('active');
                })
            })
        },

        /**
         * 显示登陆的用户名
         */
        showNickname() {
            const self = this;
            //判断用户是否已经登录
            if (localStorage.getItem("userInfo")) {
                //设置登录变化
                $(self).find('.selectLogin').hide()
                    .siblings('.selectExit').show();
                //设置欢迎标语
                let userObj = JSON.parse(localStorage.getItem('userInfo') || '{}');
                $(self).find('span').eq(0)
                    .html(`您好！欢迎 <i class="c-orange">${userObj.u_nickname}</i> 来到音平商城!`);
            } else {
                $(self).find('.selectLogin').show()
                    .siblings('.selectExit').hide();
                $(self).find('span').eq(0)
                    .text(`您好！欢迎来到音平商城!`);
            }

            //退出的点击事件
            $(self).find('.selectExit a').on('click', function () {
                localStorage.removeItem('userInfo');
                location.reload();
            })
        }
    });
})()

$(function () {
    //下拉菜单显示
    $('.classContent li').listShow();

    //显示登陆的用户名
    $('.h-t-left').showNickname();
})